﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcEqDataMornitoring.ascx.cs" Inherits="TheHeGeo.UserControl.UcEqDataMornitoring" %>

<%@ Import Namespace="System.Data" %>
<%@ Register assembly="DevExpress.Web.v14.2, Version=14.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web" tagprefix="dx" %>



<style type="text/css">

.dxeTrackBar, 
.dxeIRadioButton, 
.dxeButtonEdit, 
.dxeTextBox, 
.dxeRadioButtonList, 
.dxeCheckBoxList, 
.dxeMemo, 
.dxeListBox, 
.dxeCalendar, 
.dxeColorTable
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.dxeTextBox,
.dxeButtonEdit,
.dxeIRadioButton,
.dxeRadioButtonList,
.dxeCheckBoxList
{
    cursor: default;
}

.dxeButtonEdit
{
	background-color: white;
	border: 1px solid #9F9F9F;
}

input[type="text"].dxeEditArea, /*Bootstrap correction*/
input[type="password"].dxeEditArea /*Bootstrap correction*/
{
    height: 14px;
    margin-bottom: 0px;
}
.dxeEditArea,
input[type="text"].dxeEditArea, /*Bootstrap correction*/
input[type="password"].dxeEditArea /*Bootstrap correction*/
{
    font: 12px Tahoma, Geneva, sans-serif;
}

.dxeButtonEdit .dxeEditArea
{
	background-color: white;
}

.dxeEditArea
{
	border: 1px solid #A0A0A0;
}
.dxeButtonEditButton,
.dxeSpinLargeIncButton,

.dxeButtonEditButton
{
    padding: 0px 2px 1px 3px;    
}
.dxeButtonEditButton,
.dxeCalendarButton,
.dxeSpinIncButton,
.dxeSpinDecButton,
.dxeSpinLargeIncButton,
.dxeSpinLargeDecButton,
.dxeColorEditButton
{
	vertical-align: middle;
	border: 1px solid #7f7f7f;
	cursor: pointer;
	font: normal 11px Tahoma, Geneva, sans-serif;
	text-align: center;
	white-space: nowrap;
} 
.dxEditors_edtError,
.dxEditors_edtCalendarPrevYear,
.dxEditors_edtCalendarPrevYearDisabled,
.dxEditors_edtCalendarPrevMonth,
.dxEditors_edtCalendarPrevMonthDisabled,
.dxEditors_edtCalendarNextMonth,
.dxEditors_edtCalendarNextMonthDisabled,
.dxEditors_edtCalendarNextYear,
.dxEditors_edtCalendarNextYearDisabled,
.dxEditors_edtCalendarFNPrevYear,
.dxEditors_edtCalendarFNNextYear,
.dxEditors_edtEllipsis,
.dxEditors_edtEllipsisDisabled,
.dxEditors_edtDropDown,
.dxEditors_edtDropDownDisabled,
.dxEditors_edtSpinEditIncrementImage,
.dxEditors_edtSpinEditIncrementImageDisabled,
.dxEditors_edtSpinEditDecrementImage,
.dxEditors_edtSpinEditDecrementImageDisabled,
.dxEditors_edtSpinEditLargeIncImage,
.dxEditors_edtSpinEditLargeIncImageDisabled,
.dxEditors_edtSpinEditLargeDecImage,
.dxEditors_edtSpinEditLargeDecImageDisabled
{
	display:block;
	margin:auto;
}
.dxEditors_edtDropDown
{
    background-position: -123px -146px;
    width: 10px;
    height: 14px;
}
.dxEditors_caRefresh,
.dxEditors_edtCalendarFNNextYear,
.dxEditors_edtCalendarFNPrevYear,
.dxEditors_edtCalendarNextMonth,
.dxEditors_edtCalendarNextMonthDisabled,
.dxEditors_edtCalendarNextYear,
.dxEditors_edtCalendarNextYearDisabled,
.dxEditors_edtCalendarPrevMonth,
.dxEditors_edtCalendarPrevMonthDisabled,
.dxEditors_edtCalendarPrevYear,
.dxEditors_edtCalendarPrevYearDisabled,
.dxEditors_edtDETSClockFace,
.dxEditors_edtDETSHourHand,
.dxEditors_edtDETSMinuteHand,
.dxEditors_edtDETSSecondHand,
.dxEditors_edtDropDown,
.dxEditors_edtDropDownDisabled,
.dxEditors_edtEllipsis,
.dxEditors_edtEllipsisDisabled,
.dxEditors_edtError,
.dxEditors_edtRadioButtonChecked,
.dxEditors_edtRadioButtonCheckedDisabled,
.dxEditors_edtRadioButtonUnchecked,
.dxEditors_edtRadioButtonUncheckedDisabled,
.dxEditors_edtSpinEditDecrementImage,
.dxEditors_edtSpinEditDecrementImageDisabled,
.dxEditors_edtSpinEditIncrementImage,
.dxEditors_edtSpinEditIncrementImageDisabled,
.dxEditors_edtSpinEditLargeDecImage,
.dxEditors_edtSpinEditLargeDecImageDisabled,
.dxEditors_edtSpinEditLargeIncImage,
.dxEditors_edtSpinEditLargeIncImageDisabled,
.dxEditors_edtTBDecBtn,
.dxEditors_edtTBDecBtnDisabled,
.dxEditors_edtTBDecBtnHover,
.dxEditors_edtTBDecBtnPressed,
.dxEditors_edtTBIncBtn,
.dxEditors_edtTBIncBtnDisabled,
.dxEditors_edtTBIncBtnHover,
.dxEditors_edtTBIncBtnPressed,
.dxEditors_edtTokenBoxTokenRemoveButton,
.dxEditors_edtTokenBoxTokenRemoveButtonHover,
.dxEditors_fcadd,
.dxEditors_fcaddhot,
.dxEditors_fcgroupaddcondition,
.dxEditors_fcgroupaddgroup,
.dxEditors_fcgroupand,
.dxEditors_fcgroupnotand,
.dxEditors_fcgroupnotor,
.dxEditors_fcgroupor,
.dxEditors_fcgroupremove,
.dxEditors_fcopany,
.dxEditors_fcopbegin,
.dxEditors_fcopbetween,
.dxEditors_fcopblank,
.dxEditors_fcopcontain,
.dxEditors_fcopend,
.dxEditors_fcopequal,
.dxEditors_fcopgreater,
.dxEditors_fcopgreaterorequal,
.dxEditors_fcopless,
.dxEditors_fcoplessorequal,
.dxEditors_fcoplike,
.dxEditors_fcopnotany,
.dxEditors_fcopnotbetween,
.dxEditors_fcopnotblank,
.dxEditors_fcopnotcontain,
.dxEditors_fcopnotequal,
.dxEditors_fcopnotlike,
.dxEditors_fcremove,
.dxEditors_fcremovehot,
.dxeFocused .dxeTBHSys .dxeFocusedMDHSys .dxEditors_edtTBMainDH,
.dxeFocused .dxeTBHSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHHover,
.dxeFocused .dxeTBHSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHPressed,
.dxeFocused .dxeTBHSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDH,
.dxeFocused .dxeTBHSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHHover,
.dxeFocused .dxeTBHSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHPressed,
.dxeFocused .dxeTBVSys .dxeFocusedMDHSys .dxEditors_edtTBMainDH,
.dxeFocused .dxeTBVSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHHover,
.dxeFocused .dxeTBVSys .dxeFocusedMDHSys .dxEditors_edtTBMainDHPressed,
.dxeFocused .dxeTBVSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDH,
.dxeFocused .dxeTBVSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHHover,
.dxeFocused .dxeTBVSys .dxeFocusedSDHSys .dxEditors_edtTBSecondaryDHPressed,
.dxeTBHSys .dxEditors_edtTBMainDH,
.dxeTBHSys .dxEditors_edtTBMainDHDisabled,
.dxeTBHSys .dxEditors_edtTBMainDHHover,
.dxeTBHSys .dxEditors_edtTBMainDHPressed,
.dxeTBHSys .dxEditors_edtTBSecondaryDH,
.dxeTBHSys .dxEditors_edtTBSecondaryDHDisabled,
.dxeTBHSys .dxEditors_edtTBSecondaryDHHover,
.dxeTBHSys .dxEditors_edtTBSecondaryDHPressed,
.dxeTBVSys .dxEditors_edtTBMainDH,
.dxeTBVSys .dxEditors_edtTBMainDHDisabled,
.dxeTBVSys .dxEditors_edtTBMainDHHover,
.dxeTBVSys .dxEditors_edtTBMainDHPressed,
.dxeTBVSys .dxEditors_edtTBSecondaryDH,
.dxeTBVSys .dxEditors_edtTBSecondaryDHDisabled,
.dxeTBVSys .dxEditors_edtTBSecondaryDHHover,

img
{
	border-width: 0;
}

    .auto-style2 {
        width: 750px;
    }
    .auto-style3 {
        width: 350px;
    }
</style>

<div style="width: 98%">
    
    <table style="width:100%;">
        <tr>
            <td class="auto-style3">
    
                <dx:ASPxGridLookup ID="grdDa" runat="server" Width="100%" AllowUserInput="False" DisplayFormatString="{0}" KeyFieldName="MaDuAn" TextFormatString="{0}" AutoGenerateColumns="False" MultiTextSeparator="," AutoPostBack="True" OnValueChanged="grdDa_ValueChanged">
<GridViewProperties>
<SettingsBehavior AllowFocusedRow="True" allowselectsinglerowonly="True" autofilterrowinputdelay="100"></SettingsBehavior>
    <Settings UseFixedTableLayout="False" ShowFilterRow="True" />
</GridViewProperties>
                        <Columns>
        <dx:GridViewDataTextColumn Caption="Dự án" FieldName="TenDuAn" VisibleIndex="0" Name="TenDuAn">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="MaDuAn" VisibleIndex="1" Visible="False" Name="MaDuAn">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn Caption="Mô tả" FieldName="ChuThich" VisibleIndex="2" Name="ChuThich">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="DiaDiem" VisibleIndex="3" Caption="Địa điểm" Name="DiaDiem">
        </dx:GridViewDataTextColumn>
    </Columns>
                    <ClientSideEvents DropDown="function(s, e) {	s.GetGridView().SetWidth(s.GetWidth());}" Init="function(s, e) {s.GetGridView().SetWidth(s.GetWidth());}" />
                </dx:ASPxGridLookup>
    
            </td>
            <td class="auto-style2">
    
                <dx:ASPxGridLookup ID="grdLook" runat="server" Width="100%" AllowUserInput="False" DisplayFormatString="{0}" KeyFieldName="MaSensor" SelectionMode="Multiple" TextFormatString="{0}" AutoGenerateColumns="False" MultiTextSeparator=",">
<GridViewProperties>
<SettingsBehavior AllowFocusedRow="True" AllowSelectByRowClick="True" AutoFilterRowInputDelay="100"></SettingsBehavior>
    <Settings UseFixedTableLayout="False" ShowFilterRow="True" />
</GridViewProperties>
                        <Columns>
        <dx:GridViewCommandColumn ShowSelectCheckbox="True" VisibleIndex="0">
        </dx:GridViewCommandColumn>
        <dx:GridViewDataTextColumn Caption="Sensor" FieldName="TenSensor" VisibleIndex="1">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="MaSensor" VisibleIndex="2" Visible="False">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn Caption="Thiết bị" FieldName="TenThietBi" VisibleIndex="4">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="MaThietBi" Visible="False" VisibleIndex="5">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn Caption="Mô tả" FieldName="MoTa" VisibleIndex="3">
        </dx:GridViewDataTextColumn>
    </Columns>
                    <ClientSideEvents DropDown="function(s, e) {	s.GetGridView().SetWidth(s.GetWidth());}" Init="function(s, e) {s.GetGridView().SetWidth(s.GetWidth());}" />
                </dx:ASPxGridLookup>
    
            </td>
            <td>
                <dx:ASPxButton ID="btOk" runat="server" Text="Chọn" Width="80px" OnClick="btOk_Click">
                </dx:ASPxButton>
            </td>
        </tr>
    </table>
</div>

<div id="divContent"  runat="server" style="width: 98%">
</div>
<div id="divContent2"  runat="server" style="width: 100%">
    <asp:HiddenField ID="HiddenField1" runat="server" />
    <asp:HiddenField ID="hfSensorNames" runat="server" />
</div>




